<button id="btn01">on绑定单击事件</button>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<br>
<button class="btn">btn-01</button>
<button class="btn">btn-02</button>
<button class="btn">btn-03</button>
<button class="btn">btn-04</button>
<button class="btn">btn-05</button>
<button class="btn">btn-06</button>


<script src="./js/jQuery/jquery-3.4.1.js"></script>
<script>
	$(function() {
		$("#btn01").on('click', {
			"id": "1001",
			"username": "haoren"
		}, function(event) {
			//this表示当前按钮的js对象
			console.log(this);
			console.log(event);
			//event表示事件对象
			console.log(event.data);
		});

		$("input").first().blur(function() {
			console.log($(this).val());
		});
		
		$(".btn").click(function(){
			var html=$(this).html();
			if("btn-01"===html){
				console.log("btn-01被单击了。。。");
			}
		});
	});
</script>
